<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>波克书城。。。</title>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../css/main.css"/>
    <style type="text/css">
        #main-stats .stat {
            text-align: center;
            padding: 10px 0px 5px 0px;
            border-right: 1px solid #e8e9ee;
            position: relative;
            box-shadow: 1px 0px 0px 0px white;
        }
    </style>
    <script type="text/javascript" src="../js/modernizr.min.js"></script>
    <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
    <script>
        $(function () {
            //调用公共header和lefts
            $('#header').load("../static/header.html");
            $('#left').load("../static/left.html");
            $('#main').load("../static/main.html");
        });
    </script>
</head>
<body>
<div class="container clearfix">
    <div id="header"></div>
    <div id="left"></div>
    <!--/sidebar-->
    <div class="main-wrap">
        <div class="crumb-wrap">
            <div class="crumb-list"><i class="icon-font">&#xe06b;</i><span>欢迎光临波克书城。</span></div>
        </div>
        <div class="result-wrap">
            <div class="result-title">
                <h1 id="biaoti">所有书籍</h1>
            </div>
            <div class="result-content" id="main">
            </div>
        </div>
    </div>
</div>
</body>
</html>